@media ( max-width : 960px) {
    .pb0{ padding-bottom: 0!important;}
    .mb15{ margin-bottom: 10px!important;}
    
    .f60{ font-size: 30px;}
    .f40{ font-size: 26px;}
    .f36{ font-size: 24px;}
    .f30{ font-size: 22px;}
    .f24,.f22,.f20{ font-size: 18px;}
    .f18{ font-size: 16px; }
    .f16{ font-size: 14px;}
    .f14{ font-size: 13px;}

    .uk-margin-medium-bottom{ margin-bottom:20px!important;}
    .uk-margin-large-bottom{ margin-bottom:30px!important; }

    .uk-offcanvas-bar{ background: #fff; }
    .uk-offcanvas-bar .uk-close{ color:#000; }
    .uk-offcanvas-bar .uk-nav-default>li>a{ color:#222; }
    .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover{ color:#222;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a{ color:#222!important;}
    .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover{ color:#000!important;}
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); }
    #offcanvas-push .uk-nav>li{ border-bottom:1px solid #ebebeb; }
    #offcanvas-push .uk-nav>li>a{ line-height: 40px; padding:5px 10px; }
    #offcanvas-push .uk-nav-sub{ padding-top:0px; }
    #offcanvas-push .uk-nav-sub a{ line-height: 30px;}
    #offcanvas-push .uk-nav-parent-icon>.uk-parent>a::after{ margin-top:8px;}


    
    .header{ min-height: 60px; height: auto; padding:0 10px; }
    .header .uk-logo img{ max-height: 40px; }
    .header .mnav { min-height: 60px; }
    .header .mnav .uk-button{ background:#dedede; border:0; color:#fff!important; width:36px; height: 36px; padding:4px; border-radius: 50%; }
    .header .mnav .uk-button svg{display: block;}
    .uk-offcanvas-page .header .mnav .uk-button{ background:#007fd8; }

    .header .lan .uk-drop{ background:#fff; margin-top:0; top: 60px!important; width:80px; padding:5px 0; }
    .header .lan .uk-drop ul li a{ display: block; padding:0 5px; text-align: center; }


    /* .mlan a{ background:#dedede; color:#333; padding:0px 20px; min-width:50px;}
    .mlan a:hover,.mlan a.cur{ background: #007fd8; color:#fff; } */

    .banner .uk-dotnav{ bottom:10px; }
    .banner .uk-dotnav>*>*{ width:10px; height: 10px; border:0; border-radius: 5px; background:#fff!important; transition: all ease 0.3s; }
    .banner .uk-dotnav>.uk-active>*{ width:40px;background:#fff!important; }

    .title{ margin-bottom:20px; }
    .title .f26{ font-size:22px; }


    .ipart1{ padding:20px 15px;}
    .ipart1 .uk-width-auto{ width:100%; }
    .ipart1 .inewsleft{ width:100%; }

    .ipart2{ padding:30px 15px;}
    .ipart2 .ipslider{ padding:0;}
    .ipart2 .ipslider .uk-slider-items{ margin-left:-10px; }
    .ipart2 .ipslider .uk-slider-items>li{ padding-left:10px; }
    .ipart2 .ipslider .uk-light{ margin:15px 0; }
    .ipart2 .ipslider .uk-slidenav{ width: auto; height: auto; margin:0 5px; background:none; background:rgba(255,255,255,0.9); color:#000; }
    .ipart2 .ipslider .uk-slidenav svg{ display: block;}

    .ipart3{ padding:30px 15px;}
    .ipart3 .isolu>div{ flex: auto; flex-wrap: wrap; }
    .ipart3 .isolu>.uk-flex>div{ width:50%; flex:auto; height: 200px;}
    .ipart3 .isolu>.uk-flex>div:hover{ width:50%; flex:auto; }
    .ipart3 .isolu .con{ padding:20px 10px; }

    .ipart4{ padding:10px 15px 50px; }
    .ipart4 .counters{ padding-top:10px; }
    .ipart4 .counters>.uk-flex{ flex-wrap: wrap; }
    .ipart4 .counters>.uk-flex>div{ width:50%; margin:10px 0; }
    .ipart4 .counters .f20{ font-size:15px; }

    .footer { padding:0; }
    .footer a{ color:#fff;}
    .footer a:hover{ background:rgba(255,255,255,0.9); }
    .footer>.uk-container::before{ width:225px; height:42px; right:0; top:-40px; background-size:cover; }

    .tBody{ padding:0px 15px 60px; border:0; min-height: 280px;}
    .tBody .content{ font-size: 14px; line-height: 1.8; }

    .mintitle{ padding:0 15px; margin-bottom:20px; position: relative; height: auto; background:#f5f5f5; height: 40px; line-height: 40px; border-bottom:1px solid #ebebeb; text-align: center; color:#0d62a6; }
    .mintitle span{ display: inline-block; border-bottom:3px solid #0d62a6; height: 41px; padding:0 3px; }


    .prothree{ margin:5px 15px 15px; }
    .prothree>div>a{ width:50%; }
    .prothree>div>a:nth-child(n+2){ border-top:1px solid #fff; }
    .prothree>div>a:nth-child(2n+1){ border-right:1px solid #fff; }
    .prothree>.uk-flex>a::after{ display: none; }


    /*下载*/
    .downlist li{ height: auto; margin-bottom: 15px; background: #f8f8f8; border:1px solid #f8f8f8!important; padding:5px 10px; line-height: 40px; }
    .downlist .uk-width-expand{ width:100%; flex: auto; border-bottom:1px dashed #ebebeb;}
    .downlist .uk-width-1-6,.downlist .uk-width-auto{ width:50%;}
    .downlist .uk-width-1-6{ padding-left:16px; }
    .downlist .uk-width-auto{ text-align: right;}

    /*合作伙伴*/
    .partner>ul{ margin-left:-15px; }
    .partner>ul>li{ padding-left:15px; }
    .partner .uk-grid-medium>.uk-grid-margin{ margin-top:15px!important; }
    .partner li>.wrap{ padding:10px; }
    .partner li>.wrap .pic{ height: 60px;}
    .partner li>.wrap .pic img{ max-height: 60px; }


    /*简介*/
    .company.mb20{ margin-bottom: 10px!important; }
    .company .counters{ padding-top:10px; }
    .company .counters>.uk-flex{ flex-wrap: wrap; }
    .company .counters>.uk-flex>div{ width:50%; margin:10px 0; }
    .company .counters .f20{ font-size:15px; }


    /*团队*/
    .humlist dl{ margin-bottom:30px; padding-left:100px!important; padding-top:0px; }
    .humlist dl .pic{ width:90px; height: 90px; border-width:1px; padding:4px; }
    .humlist dl .pic img{ width:100%; height:80px; }
    .humlist dl dt{ font-size:18px; margin-bottom:5px; }
    .humlist dl:nth-child(even){ padding-right:0; text-align: left; }
    .humlist dl:nth-child(even) .pic{ left: 0; right:auto; }

    /*相册案例*/
    .caselist ul li{ margin-bottom: 20px; }
    .caselist ul li .wrap .con{ padding:10px 20px 20px; }

    /*加入*/
    .joblist li{ padding:10px; margin-bottom:15px; }
    .joblist li .tit{ padding:5px 15px; }
    .joblist li .ctn{ padding:10px; }

    .joinus{ padding:0; font-size:14px; margin-bottom:30px; }
    .joinus .box{ padding:0px 15px; }
    .joinus .box li{ padding-left:70px; }

    /*新闻*/
    .newslist ul{ padding-top:0px; border:0; }
    .newslist ul li{ padding:0; background: #fff; border:0; border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom: 15px; }
    .newslist ul li .uk-grid{ margin-left:0;}
    .newslist li .pic{ margin-left: 0; order:0; display: none;}
    .newslist li .pic .img{ width: 100%;}
    .newslist li .con{ padding:0px 0 0 80px!important; height: 48px;}
    .newslist li .con .f20{ line-height: 1.6; margin-bottom: 0; font-size: 15px;-webkit-line-clamp:2; display:-webkit-box;-webkit-box-orient:vertical; white-space:pre-wrap; }
    .newslist li .desc{ display: none; }
    .newslist li .date{ position: absolute; left: 0; bottom:3px; width:60px!important; height: 50px; padding:0; margin:0;}
    .newslist li .date .f50{ font-size: 30px; }
    .newslist li .date .f20{ font-size: 14px; }
    .newslist li .date::before{ width:1px; height:40px; background: #e5e5e5; position: absolute; left: auto; top:10px; right:-7px; }
    .newslist li:hover::before{ display: none;} 

    .newslist2 .uk-grid>.uk-grid-margin{ margin-top:15px!important; }
    .newslist2 .wrap .con{ padding:10px 15px 5px; }
    .newslist2 .wrap .con .tit{ min-height: auto; margin-bottom: 5px; }

    .tBody h1.f30{ padding-left:20px; padding-right:20px; font-size:20px; }

    /*产品*/
    .productlist .uk-grid>.uk-grid-margin{ margin-top:15px!important; }
    .productlist .wrap .con{ padding:15px 40px 15px 15px; }
    .productlist .wrap .con .iconfont{ line-height: 1; top:17px; }

    /*视频*/
    .videolist .uk-grid>.uk-grid-margin{ margin-top:15px!important; }
    .videolist .wrap .con{ padding:10px 15px 5px; }
    .videolist .wrap .con .tit{ min-height: auto; margin-bottom: 5px; }


    /*发展历程*/
    .history{ padding:0; }
    .history ul{ padding-top:50px; }
    .history ul li{ min-height: 100px; }
    .history ul li .year{ width:60px; height: 60px; line-height: 54px; margin-left: -30px; border-width:3px; font-size: 20px;}
    .history ul li .year::before{ top:27px!important; width:35px!important; }
    .history ul li .year::after{ top:22px!important; }
    .history ul li .wrap{ padding-top:65px; }
    .history ul li:nth-child(odd) .year{ margin-left:35px; }
    .history ul li:nth-child(odd) .year::before{ left: -39px; }
    .history ul li:nth-child(odd) .year::after{ left: -44px; }
    .history ul li:nth-child(even) .year{ margin-right:35px; }
    .history ul li:nth-child(even) .year::before{ right: -39px; }
    .history ul li:nth-child(even) .year::after{ right: -44px; }
    .history ul li:nth-child(odd) .wrap{ padding-left:35px; }
    .history ul li:nth-child(even) .wrap{ padding-right:35px; }




    /*企业文化*/
    .cultrue{ padding:0 15px; }
    .cultrue .f18{ font-size:14px; }
    .cultrue .uk-grid .wrap{ margin-bottom:20px; padding-left:90px; }
    .cultrue .uk-grid .wrap .ico{ width:70px; }


    /*联系我们*/    
    .contact .uk-width-auto{ width:100%; padding-top:0; padding-bottom:50px; }
    .contact .f28{ font-size:18px; }
    .contact .cat { margin-top:10px; color:#777777; }
    .contact .cat li{ line-height: 20px; margin:10px 0; font-size:14px; }
    .contact .btn{ width:280px; margin-top:20px; }
    .contact #amap{ height: 280px; min-height: 280px; margin-left:-15px; margin-right: -15px; margin-top:0px;  }

    .msgtit{ margin:10px;}
    .msgtit .iconfont{ width:70px; height: 70px; line-height: 70px;}
    .message .box .uk-grid>*{ margin-bottom: 15px;}

    .message .uk-form-horizontal{ margin-left:-15px; margin-right: -15px; }
    .message .box{ padding:20px 15px; }
    .message .uk-form-horizontal .uk-form-label{ top:12px; left: 40px; font-size: 14px;}
    .message .uk-form-horizontal .uk-input{ padding-left:90px; text-align: right; }
    .message .uk-text-right{ display: flex; margin-top:10px; }
    .message .uk-text-right .uk-button{ width:50%; height: 40px; line-height: 38px; border-radius: 0; font-size: 14px;}
    .message .uk-text-right #msg{ margin-left:0; }


    /*lightbox*/
    .lightbox>.uk-grid{ margin-left:-10px; }
    .lightbox li{ padding-left:10px!important; margin-bottom: 10px; }
    .lightbox li>div{ padding:4px; }
    .lightbox li>div .name{ line-height: 40px;}
    
    

    /**FAQ**/
    .faqlist .uk-accordion-title { padding: 20px 0;  position: relative;}
    .faqlist>ul>li{margin-top:0!important;}


    .share{ display: none; }


    .searchlist li:hover::before{ top:-11px; }
    .searchlist li{ padding-bottom: 10px; margin-bottom: 10px;}

    .pages{ margin-top: 20px; }
    .pages a{ line-height: 44px; height: 44px; margin-left:1px; }
    .uk-pagination{ margin-left:0;}

} 


@media ( max-width : 375px) {

}